<%@ include file="abrirEvento.jsp" %>
<%
    String endereco = objEvento.getString("endereco") != null ? objEvento.getString("endereco") : "";
%>
<html>
  <head>
    <title>Sile</title>

    <style type="text/css">

    	#mapa{
	    	width:100%;
	    	height:100%;
    	}

    </style>



	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript" >
		var map = null;
    	function carregar(){
			var latlng = new google.maps.LatLng(-29.767954,-57.071657);

    		var myOptions = {
      		zoom: 12,
      		center: latlng,
      		mapTypeId: google.maps.MapTypeId.ROADMAP
    		};

			//criando o mapa
    		map = new google.maps.Map(document.getElementById("mapa"), myOptions);


    		var praca = new google.maps.LatLng(-29.756200185902156, -57.08757859271242);
    		marcadorPraca = new google.maps.Marker({
      			position: praca,
      			map: map,
      			title:"Praça da Cidade"
  			});


  			var infowindow = new google.maps.InfoWindow({
    			content: "aqui voce pode adicionar conteudo <strong>HTML</strong>"
			});

  			google.maps.event.addListener(marcadorPraca, 'click', function(event) {
    			infowindow.open(map,marcadorPraca);
  			});

    	}



    </script>
    </head>
  	<body onload="carregar()">
		<div id="mapa"></div>

		<a href="javascript:click();">clique</a>
  </body>
</html>